<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./com/lee.css">
    <script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=GAvDKyF81M9Gt4FQ0zHhm5et1rTBL03I"></script>
</head>
<body>
    <div id="box" v-cloak>
        <!-- logo -->
        <div class="header">
            <img src="https://ccdn.goodq.top/caches/569b046fc16663a994ea33d5a2a60b54/aHR0cHM6Ly81NGQ0YTQ2MjlmYjZiLnQ3My5xaWZlaXllLmNvbS9xZnktY29udGVudC91cGxvYWRzLzIwMTUvMDIvYmMzOGYxYzkzOGY5OGM3NjExYzEzMzc2OGJhN2M3OWEucG5n.png" alt="">
        </div>
        <!-- nav -->
        <div class="nav">
            <l-nav :nav="nav_arr"></l-nav>
        </div>
         <!--轮播图-->
        <div>
            <l-slide :img_arr="img_arr"></l-slide>
        </div>
        <!-- 地图 -->
        <div>
            <baidu style="width: 100%;height: 500px;" id="allmap"></baidu>
        </div>
    </div>
</body>
<script src="https://www.jq22.com/jquery/jquery-3.3.1.js"></script>
<script src="./js/vue.js"></script>
<script src="./com/lee.js"></script>
<script>
    new Vue({
        el:"#box",
        data:{
            nav_arr:[
                {title:'首页',url:'#'},
                {title:'关于我们',url:'#no1'},
                {title:'我们的理念',url:'#no2'},
                {title:'旅行篇',url:'#no3'},
                {title:'艺术篇',url:'#no4'},
                {title:'博客',url:'#no5'},
             ],
             img_arr:[
			   {href:"#",url:"./images/1.jpg"},
			   {href:"#",url:"./images/2.jpg"},
			   {href:"#",url:"./images/3.jpg"},
			   {href:"#",url:"./images/4.jpg"},
			   {href:"#",url:"./images/5.jpg"}
	        ]
        }
    })
</script>
</html>